<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../js/jquery-3.1.1.js"></script>  
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <style>
h2{
  margin-bottom: 20px;
}
body>div:nth-child(2){
  margin-bottom: 20px;
}
body>div:nth-child(2)>:first-child{
background-color:#6554C0 ;
width: 100px;
  height: 35px;
  border-radius: 15px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;margin-right: 20px;
}
body>div:nth-child(2)>:last-child{
  background-color: #64C8BC;
  width: 100px;
  height: 35px;
  border-radius: 15px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
#ss{
  margin-bottom: 0;
  padding: 0;
  /* text-align: center; */
  height: 26px;
  line-height: 26px;
}
#ss select,input{
  height: 26px;
}
#chongzhi{
background-color:#61A4E4 ;
width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;margin-right: 5px;
}
#chaxun{
  background-color: #64C8BC;
  width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
th{
  padding-top: 20px;
  padding-bottom: 15px;
}
td{

  padding-bottom: 15px;
}
.tianjia{
  background-color: #EEF6FC;
  color: #5FA4E2;
  border: none; 
  width: 40px;
  height: 30px;
  border-radius: 6px;
  outline:none;
}
.shanchu{
  color: #FFC5C5;background-color: #FEF3F3; 
  border: none; 
  width: 40px;
  height: 30px;
  border-radius: 6px;
  outline:none;
}
  </style>
</head>

<body>
  <h2 class="container">人员信息</h2>
  <div class="container">
  <button class="col-md-1 item tianjias" >添加人员</button>
  <button class="col-md-1 item" id="chouzu">人员抽组</button>
 </div>
<div class="container" id="ss">
  <span class="col-md-1 item">姓名</span><input type="text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入姓名'" placeholder='请输入姓名' class="col-md-2 item" id="input_1">
  <span class="col-md-1 item">部门</span> <select name="" id="bumen"  class="col-md-2 item">
    <option value="全部">全部</option>
    <option value="维修一部">维修一部</option>
    <option value="维修二部">维修二部</option>
    <option value="维修三部">维修三部</option>
    </select>
  <span class="col-md-1 item">工种</span><select name="" id="work"  class="col-md-2 item">
    <option value="全部">全部</option>
    <option value="机修">机修</option>
    <option value="电工">电工</option>
    </select>
  <div class="col-md-3 item">
  <button id="chongzhi"><span class="glyphicon glyphicon-repeat" aria-hidden="true">重置</span></button>
  <button id="chaxun"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true">查询</span></button>
</div>
</div>
<table class="container">
  <thead>
    <tr>
      <th class="col-md-2 item">姓名</th>
      <th class="col-md-2 item">部门</th>
      <th class="col-md-2 item">工种</th>
      <th class="col-md-2 item">工种等级</th>
      <th class="col-md-2 item">操作</th>
    </tr>
  </thead>
  <tbody id="tbody">

  </tbody>
</table>


-



<script src="../js/renyuanguanli.js"></script>
</body>
</html>